/* CSS Document*/
@charset "utf-8";
/*css 通用样式*/
/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6,input,textarea,select,button{font-size: 100%;font-weight: normal;}
li{list-style: none;}
html,body{-webkit-user-select: none;user-select: none;height: 100%;background: #efeff4; width: 100%; font-size:16px;}
a,img{-webkit-touch-callout: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
img{vertical-align: middle;}
table, th, tr, td {border: none;}
input{color: #333333;border: none;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*img{margin-right: 0.25rem;border: none;outline: none;display: block;width: 1rem;height: 1rem;background-color:transparent;}*/

.img{width: 100%; background-size: 100% auto;}
.lineHeight22{line-height: 2rem}
.inputunderHeight{height:2.6rem;line-height: 2.8rem \9}
.inputunderHeight1{height:2.6rem;line-height: 2.8rem \9}
.inputunderHeight2{height:2.6rem;line-height: 2.6rem \9}
.inputunderHeight3{height:2.7rem;line-height: 2.7rem \9}
.inputunderHeight4{height:2.8rem;line-height: 2.8rem \9}
.textarea{border: 0;outline: 0;line-height: 1.3rem;width: 13rem;height: 4rem;margin-top: 0.6rem;}
.textarea:focus{
    -webkit-tap-highlight-color:rgba(255, 255, 255, 0);
    -webkit-user-modify:read-write-plaintext-only;
}
input:disabled{ color: #333;}
/* CSS float*/
.fl{float: left;}
.fr{float: right;}

/*清除浮动*/
.cl:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}

/*CSS display*/
.db{display: block;}
.dn{display: none;}
.dl{display:inline}
.dlb{display: inline-block;}

/*CSS position*/
.pos-ab{position: absolute;}
.pos-re{position: relative;}

/* CSS font-size */
.ft-20px{font-size:0.625rem;}
.ft-21px{font-size: 0.656rem;}
.ft-22px{font-size: 0.687rem;}
.ft-23px{font-size: 0.718rem;}
.ft-24px{font-size: 0.75rem;}
.ft-25px{font-size: 0.781rem;}
.ft-26px{font-size: 0.812rem;}
.ft-27px{font-size:0.84rem;}
.ft-28px{font-size: 0.875rem;}
.ft-29px{font-size:0.805rem;}
.ft-30px{font-size: 1rem;}
.ft-32px{font-size: 1rem;}
.ft-36px{font-size: 1.125rem;}
.ft-40px{font-size: 1.875rem}
.ft-72px{font-size: 2.25rem;}
/*CSS width*/
.w90{width:90%}
.w50{width:50%}
/* CSS color */
.col-w{color: #fff}
.col-b{color: #000;}
.col-bg{color: #efeff4;}
.col-red{color: #e93a3a;}
.col-bgw{background: #ffffff;}
.col-btnRed{background: #e93a3a;}
.col-btnBlue{background: #359df5;}
.col-btn1Gray{background: #cccccc;}
.col-gray{background: #eeeeee}
.col-359df5{color: #359df5}
.col-999999{color: #999999;}
.col-666666{color: #666666;}
.col-333333{color: #333333;}
.col-eeeeee{color: #eeeeee;}
.col-c8c8c8{color: #c8c8c8;}
.col-94c27c{color: #94c27c;}
.col-b8b8ba{color: #b8b8ba;}
.col-ffa302{color: #ffa302;}
.col-ff801a{color: #ff801a}
.col-959595{color: #959595;}
.col-6db247{color: #6db247;}
.col-efeff4{color: #efeff4;}
.colorRed{color: #fc3438 !important;}
.colorGrey{color: #cccccc}

/*提交按钮样式*/
.btn{border-radius:0.093rem;text-align:center;height: 3.125rem;width: 90%;line-height: 3.125rem;font-size: 1.25rem;margin:1.0625rem auto 0;color: #ffffff;}
/* 文本居中 */
.txt-center{text-align: center;}
/*文本居右*/
.txt-right{text-align: right;}
/*文本居左*/
.txt-left{text-align: left;}
/*宽度*/
.wdh-per100 {width:100%; }
.h100p{height: 100%}
/* 边框弧度 */
.borderRadius {border-radius:0.2rem;}
.icon_attentionBlueimg{width: 1rem;height: 1rem;}
.right-arrowS{display:block;height: 100%;background: url("../img/right-arrow.png") no-repeat;background-size: contain;}
.borderLineTD{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.borderLineT{border-top: 1px solid #e5e5e5;}
.borderL{border-left: 1px solid #eeeeee}
.borderR{border-right: 1px solid #eeeeee}
.borderB{border-bottom: 1px solid #eeeeee}
.borderLineD{border-bottom: 1px solid #e5e5e5;}
.borderLine{border:1px solid #e5e5e5;}
.inputborderTop{border-top: 1px solid #eeeeee;}
.inputunder{border-bottom: 1px solid #eeeeee;}
.borderLineTN{border-top: none;}
.borderLineTDe5e5e5{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.borderLineTe5e5e5{border-top:1px solid #e5e5e5;}
.inputUnderLine{position: absolute;right: 0;width: 78%;border-top: 1px solid #eeeeee;}
.rightSelect{width: 0.375rem;height: 0.625rem;}
.underLine{border-bottom:1px solid #eeeeee;}
.seaLineT{border-top:1px solid #e5e5e5;}
.seaLineB{border-bottom:1px solid #e5e5e5;}

/*tips style*/
.tips { position: absolute; z-index: 99999; left: 0; top: 0; right: 0; bottom: 0;margin: auto; width: 94%; background: #000000; height: 2.9rem; padding:0.1rem 0; border-radius: 0.25rem;  text-align: center; color: #fff; font-size: 0.7rem;display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;}
.tips img { margin-right: 0.5rem; height: 50%; }

.fadeOut { -webkit-animation: fadeOut 3s 1s ease-in-out; }

@-webkit-keyframes fadeOut {
    0% { opacity: 0.7; }
    100% { opacity: 0; }
}

@-ms-keyframes fadeOut {
    0% { opacity: 0.7; }
    100% { opacity: 0; }
}

@-o-keyframes fadeOut {
    0% { opacity: 0.7; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 0.7; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 0.7; }
    100% { opacity: 0; }
}


/*loading*/
.loadingBox{
    width: 100%;
    height: 100%;
    z-index: 1100;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    display: none;
    opacity: 0.6;
}
.loadingBoxT{ opacity:0.7; -webkit-opacity:0.7;width: 100%; height: 100%; z-index: 1000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #000; display: none;}
.spinner{position: relative; top: 50%; margin: -30px auto 0; width: 8rem; height: 60px; text-align: center; font-size: 10px;}
.spinner > div{background-color: #70b1df; height: 100%; width: 6px; margin: 0 2px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2{-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.spinner .rect3{-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.spinner .rect4{-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.spinner .rect5{-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay{0%, 40%, 100%{-webkit-transform: scaleY(0.4)} 20%{-webkit-transform: scaleY(1.0)}} @keyframes stretchdelay{0%, 40%, 100%{transform: scaleY(0.4); -webkit-transform: scaleY(0.4);}20%{transform: scaleY(1.0); -webkit-transform: scaleY(1.0);}}

.tip{width:90%;margin:auto;top:0;left:0;right:0;bottom:0;border-radius:0.3rem;position:absolute;z-index: 1001;background-color: #f7f8f7;height: 9.5rem;}
.fadeOut1{-webkit-animation: fadeOut 5s 1s ease-in-out;}
@-webkit-keyframes fadeOut1{0%{opacity: 0.7;}100%{opacity: 0;}}
@-ms-keyframes fadeOut1{0%{opacity: 0.7;}100%{opacity: 0;}}
@-o-keyframes fadeOut1{0%{opacity: 0.7;}100%{opacity: 0;}}
@-moz-keyframes fadeOut1{0%{opacity: 0.7;}100%{opacity: 0;}}
@keyframes fadeOut1{0%{opacity: 0.7;}100%{opacity: 0;}}
.cover{background: #000;position: absolute;height: 2.8rem;width: 100%;top: 0;right: 0;opacity: 0;}
.spinn {
    width: 60px;
    height: 60px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}
/*弹出窗*/
.alert-layer {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.alert-box {
    background-color: #f7f8f7;
    width: 280px;
    left: 50%;
    margin-left: -140px;
    border-radius: 10px;
    overflow: hidden;
}
.abs-lm {
    position: absolute;
    left:50%;
    top:45%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.auto {
    margin-left: auto;
    margin-right: auto;
}
.dark-gray {
    color: #333;
}
.alert-h {
    padding: 35px;
    border-bottom: 1px solid #ceccd2;
    font-weight: bold;
    line-height: 1.5rem;
}
.ta-c {
    text-align: center;
}
.size16 {
    font-size: 1.1rem;
}
/*.alert-btn {*/
    /*height: 45px;*/
    /*line-height: 45px;*/
    /*border-radius: 0px 0px 10px 10px;*/
    /*overflow: hidden;*/
/*}*/
.clearfix {
    display: inline-table;
    display: block;
    zoom: 1;
}
.dark-blue {
    color: #157efb;
}
.alert-btn-left {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.pct50 {
    width: 50%;
}
.gray {
    color: #999999;
}
.coupon_img{
    width:90%;
    margin: 1rem auto;
    text-align: center;

}
.coupon_img img{
    width: 100%;
    background-size:100% auto;
}
.bfc {
    overflow: hidden;
    zoom:1}

.bfc:before,.bfc:after {
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    content: ''
}

.bfc:after {
    clear: both
}
/*新添加动画加载和账户安全使用的css +gaozhiping*/
.loading-ring-box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
}
/*.loading-ring-content {
    width: 3.375rem;
    height: 3.375rem;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -1.6875rem;
    margin-left: -1.6875rem;
    z-index: 2;
    background: rgba(0,0,0,.6);
    text-align: center;
    line-height: 3.375rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.loading-ring-content:before {
     width: 2.5rem;
     height: 2.5rem;
     background-image: url();
     background-position: 0 0;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     content: '';
     visibility: visible;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -1.25rem;
     margin-left: -1.25rem;
     z-index: 2;
 }*/
/*账户安全页面添加的css +gaozhiping*/
.setting-now{
    top: 36%;
    right: 2.65rem;
    color: #3399ff;
}
.slideup-transition{
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: cubic-bezier(0.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(0.4,0,.2,1);
    -webkit-transition-timing-function: cubic-bezier(0.4,0,.2,1);
    transition-timing-function: cubic-bezier(0.4,0,.2,1);
}